<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="utf-8">
	<title>常用标签一</title>
</head>
<body>
	

	带你逐步提升技能                          更有Linux运维工程师，带来最极致的成长体验。
	<div class="p1">
		<p style="height: 2000px" id="p1">顶部</p>
	</div>


	<!-- body相关标签 -->

	<!-- heading :标题 h1~h6  没有h7标题-->
	
	<div class="heading">
		不仅有独家<h3>Python全栈开发课程</h3>，带你逐步提升技能。更有Linux运维工程师，带来最极致的成长体验。

		<!-- 块级元素 ： 1.独占一行  2.可以设置宽高-->
		<h1>路飞学城</h1><h2>路飞学城</h2>
		<h3>路飞学城</h3>
		<h4>路飞学城</h4>
		<h5>路飞学城</h5>
		<h6>路飞学城</h6>
		<h7>路飞学城</h7>
	</div>		
	
	<div class="p1">
		<!-- 段落标签 -->
		 <p><strong>路飞学城</strong>立志帮助有志向的年轻人通过努力学习获得体面的工作和生活!路飞学员通过学习Python ,<br>金融分析,<span>人工智能</span>等互联网最前沿技术,开启职业生涯新可能</p>
		 <hr>
		 <p>路飞学城立志帮助有志向的年轻人通过努力学习获得体面的工作和生活!路飞学员通过学习Python ,<s>金融分析</s>,人工智能等互联网最前沿技术,开启职业生涯新可能</p>	
	 </div>
	
	<div class="anchor">
		<!-- a标签属于行内标签： 在一行内显示  设置宽高 不起作用-->
		<!-- _self:默认值：在当前网站打开资源
			_blank:在新的网站打开资源 -->
		<a href="https://www.luffycity.com" target="_blank" title="luffy">路飞学城</a>
		<a href="./a.zip">下载压缩包</a>

		<a href="mailto:zhaoxu@tedu.cn" style="width: 1000px;height: 100px">联系我们</a>
			
		<!-- 返回页面顶部的内容 -->
		<a href="#">跳转到顶部</a>

		<!-- 返回每个id -->

		<a href="#p1">跳转顶部的段落标签</a>


		 <!-- javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。把a的默认动作取消了 -->
	        <a href="javascript:alert(1)">内容</a>
	        <a href="javascript:;">内容</a>
	</div>
	<div class="lists">
		<!-- 无序列表 -->
	        <ul type="none" >
	            <li>我的账户&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</li>
	            <li>我的订单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</li>
	            <li>我的优惠券&nbsp;&nbsp;&nbsp;&nbsp;&gt;</li>
	            <li>我的收藏&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</li>
	            <li>退出&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</li>
	        </ul>
	        <!-- ol有序列表 -->
	        <ol style="list-style: none">
	        		<li>我的账户></li>
	            	<li>我的订单></li>
	            	<li>我的优惠券></li>
	            	<li>我的收藏></li>
	            	<li>退出></li>
	        </ol>
        </div>

        <div class="image">
        	<!-- 1.可设宽高 2.在一行内显示   它叫行内块标签-->
        		<img src="./homesmall.png" alt="python的图片" style="width: 200px;height: 200px">
        		<img src="./homesmall2.png" alt="python2的图片"  style="width: 200px;height: 200px">
        </div>

        <!-- 

        	三种： 
        	1.块级元素   独占一行，可设宽高 如果不设置宽度 浏览器的宽度 
        	2.行内元素  在一行内展示 不能设置宽高   它的宽高根据内容去填充
        	3.行内块元素  在一行内展示  可设宽高
	

	小练习：

	展示两张图片 独占一行 鼠标移上去显示小手的状态



         -->




</body>
</html>